<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/view/common/conmont.jspf" %>
<head>
    <meta charset="utf-8">
    <title>显示结果</title>
    <script type="text/javascript">
        $(function(){
            $('#dg').datagrid({
                <%--url:'${webRoot}/other/datagrid_data1.json',--%>
                url:'${webRoot}/goods/selectPage',
                fitColumns:true,//自适应网格
                nowrapL:true,
                idField:'supId',
                rownumbers:true,//显示行号
                pagination:true,//底部显示分页条
                pageSize:5,//分页5条
                pageList:[3,5,10,15,20],//初始化页面显示条数
                //  设置toolbar 的样式 ；linkbutton
                toolbar: [{
                    iconCls: 'icon-add',
                    text:'新增',
                    handler: function(){
//                      因为在同一个页面 所以可以找到 但是需要 添加parent
//                      转换成 window 对象
                        parent.$('#win').window({
                            width:600,
                            height:400,
                            modal:true,
                            content:"<iframe src='${webRoot}/base/goods/insertgoods' height='100%' width='100%' frameborder='0px' ></iframe>"
                        });
                    }
                },'-',{
                    iconCls: 'icon-edit',
                    text:'修改',
                    // 点击事件
                    handler: function(){
                        var items = $("#dg").datagrid('getSelections');

                        if(items.length!=1){
                            alert("请选择 1 条需要修改的数据");
                            return;
                        }
                        parent.$("#win").window({
                            width:600,
                            height:400,
                            modal:true,
                            content:"<iframe src='${webRoot}/goodds/updata' height='100%' width='100%' frameborder = '0px'></iframe>"
                        });

                    }
                },'-',{
                    iconCls: 'icon-remove',
                    text:'删除',
                    handler: function(){
                        /**
                         * 1. 获取选中的选项
                         * 2. 弹出删除提示框
                         * 3. 提交删除请求
                         * 4. 提交成功 重新刷新页面
                         * 5. 删除完成后清空已选数据
                         * */
//                        1 返回所有被选中的行(对象)
                        var array = $("#dg").datagrid("getSelections");
                        var ids = new Array();
                        if(array.length>0){
                            for(var i=0;i<array.length;i++){
                                ids[i]=array[i].supId;
//                              查看已选项
//                                alert(ids[i]);
                            }
//                         2 弹框进行确认
                            $.messager.confirm('确认','您确认想要删除记录吗？',function(r){
                                if (r){
//                                    alert('确认删除');
//                                3. 提交删除请求
                                    $.ajax({
                                       url:"${webRoot}/supplier/deleteByPks",
                                       type:"POST",
                                       traditional:true,
                                       data:{pks:ids},// 参数名称决定了 action 中接收方式
                                       success:function (html) {
//                                           4. 提交成功 重新刷新页面
                                           $("#dg").datagrid("reload");
                                           
//                                           5. 删除完成后清空已选数据
                                           $("#dg").datagrid("clearSelections");
                                       },
                                        error:function (XMLHttpRequest, textStatus, errorThrown) {
                                            $.messager.alert('删除错误','请联系管理员!','error');
                                            // 通常 textStatus 和 errorThrown 之中
                                            // 只有一个会包含信息
//                                            this; // 调用本次AJAX请求时传递的options参数
                                        },
                                        dataType:"json"
                                        
                                    });

                                }
                            });
                        }else {
                            alert("没有选中项");
                        }

                    }
                },'-',{
                    // 添加搜索框
                    text:"<input type='text' id='sm'  placeholder='请输入供应商名称'/>",
                },'-',{
                    // 添加搜索框
                    text:"<input type='text' id='sa'  placeholder='请输入供应商地址'/>",
                },'-',{
                    iconCls: 'icon-search',
                    text:'搜索',
                    handler: function(){
//                        alert('提交');
//                        获取输入框的值 然后重新加载啊
                        var goodsName = $("#sm").val();// 取值
                        var goodsProducer  = $("#sa").val();// 地址
                        $('#dg').datagrid('load',{
                            goodsName : '%'+goodsName+'%',
                            goodsProducer: '%'+goodsProducer+'%'
                        });
                    }
                }
                ],

                columns : [ [{
                    //新增一列
                    checkbox:true,
                },{
                    field : 'goodsId',
                    title : '商品编号',
                    width : 100
                }, {
                    field : 'goodsName',
                    title : '商品名称',
                    width : 100
                }, {
                    field : 'goodsBuyPrice',
                    title : '进价',
                    width : 100,
                    align : 'right'
                } , {
                    field : 'goodsStore',
                    title : '库存下限',
                    width : 100,
                    align : 'right'
                }, {
                    field : 'goodsProducer',
                    title : '生产商',
                    width : 100,
                    align : 'right'
                }] ]
            });

//            将搜索框改成easyui 对象
 /*           $("#sm").searchbox({
                searcher:function (value, name) {
                    alert(value+name);
                },
                prompt:'请输入商品名称'
            });*/

        });
    </script>
</head>


<body style="margin:0px;">
<%--grid 是通过table 实现的--%>
<table id="dg"></table>
</body>


</html>

